Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / MaterialDesignIcon.vue

Displaying Raw • Download

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72svg

Te6edf3xmlnsTff7b72=Ta5d6ff"http://www.w3.org/2000/svg"

Te6edf3viewBoxTff7b72=Ta5d6ff"0 0 24 24"

Te6edf3roleTff7b72=Ta5d6ff"img"

Tb4b4b4:Te6edf3aria-labelTff7b72=Ta5d6ff"Te6edf3iconNameTa5d6ff"

Te6edf3fillTff7b72=Ta5d6ff"currentColor"

Te6edf3styleTff7b72=Ta5d6ff"display: inline-block; vertical-align: middle"

Tb4b4b4>

Tb4b4b4<Tff7b72path Tb4b4b4:Te6edf3dTff7b72=Ta5d6ff"Te6edf3iconPathTa5d6ff" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72svgTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72import Tff7b72* Tff7b72as Te6edf3mdi Tff7b72from Ta5d6ff"@mdi/js"Tb4b4b4;

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"MaterialDesignIcon"Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3iconNameTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3computedTff7b72: Tb4b4b4{

Te6edf3mdiIconNameTb4b4b4(Tb4b4b4) Tb4b4b4{

T8b949e// convert icon name from lxmf icon appearance to format expected by the @mdi/js library

T8b949e// e.g: alien-outline -> mdiAlienOutline

T8b949e// https://pictogrammers.github.io/@mdi/font/5.4.55/

Tff7b72return Tb4b4b4(

Ta5d6ff"mdi" Tff7b72+

Tff7b72thisTb4b4b4.Te6edf3iconName

Tb4b4b4.Te6edf3splitTb4b4b4(Ta5d6ff"-"Tb4b4b4)

Tb4b4b4.Te6edf3mapTb4b4b4(Tb4b4b4(Te6edf3wordTb4b4b4) Tb4b4b4=> Tb4b4b4{

T8b949e// capitalise first letter of each part

Tff7b72return Te6edf3wordTb4b4b4.Te6edf3charAtTb4b4b4(T79c0ff0Tb4b4b4)Tb4b4b4.Te6edf3toUpperCaseTb4b4b4(Tb4b4b4) Tff7b72+ Te6edf3wordTb4b4b4.Te6edf3sliceTb4b4b4(T79c0ff1Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)

Tb4b4b4.Te6edf3joinTb4b4b4(Ta5d6ff""Tb4b4b4)

Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3iconPathTb4b4b4(Tb4b4b4) Tb4b4b4{

T8b949e// find icon, otherwise fallback to question mark, and if that doesn't exist, show nothing...

Tff7b72return Te6edf3mdiTb4b4b4[Tff7b72thisTb4b4b4.Te6edf3mdiIconNameTb4b4b4] Tff7b72|| Te6edf3mdiTb4b4b4[Ta5d6ff"mdiProgressQuestion"Tb4b4b4] Tff7b72|| Ta5d6ff""Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>